$font-size-base:75;  //标注稿基准字体大小
$font-color-base:#333;  //基础字体颜色
$baseFontSize: 24rem/$font-size-base; //基准字体
$baseFontSize2: 26rem/$font-size-base; //字体2
$baseFontSize3: 30rem/$font-size-base; //字体3
$bgColor:#f4f4f4;  //背景色
$highLightColor:#2154b9;  //背景色
$secondLevelColor:#666;  //二级色
/*-------------font-size start-------------*/
@mixin font-dpr($font-size){
  font-size: $font-size;

  [data-dpr="2"] & {
    font-size: $font-size * 2;
  }

  [data-dpr="3"] & {
    font-size: $font-size * 3;
  }
}
html,body,a{
  font-family: 'microsoft yahei','Helvetica','Verdana',sans-serif;
  @include font-dpr(12px);
  color: $font-color-base;
}
/*-------------font-size end-------------*/
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}
.w690{
  padding: 0 30rem/$font-size-base;
}
.j-brief {
  height: 60rem/$font-size-base;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.j-brief span {
  font-size: 26rem/$font-size-base;
  color: #666666;
  width: 163rem/$font-size-base;
  text-decoration: none;
  height: 60rem/$font-size-base;
  line-height: 60rem/$font-size-base;
  text-align: center;
}
.j-brief span:hover {
  background-color: #2053b9!important;
  color: #fff;
  cursor: pointer;
}
.tb {
  position: relative;
  width: 690rem/$font-size-base;
  margin: 0 auto;
  .tab-head {
    height: 47px;
    background-color: #2053b9;
    display: flex;
    position: absolute;
    width: 100%;
    z-index: 2;
    top: 0;
    p {
      width: 33.3%;
      font-size: 30rem/$font-size-base;
      color: #fff;
      line-height: 110rem/$font-size-base;
      text-align: center;
      padding: 0
    }
  }
}
.j-brief2 {
  height: 60px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
}
.j-brief2 a {
  font-size: 18px;
  color: #666666;
  width: 163px;
  text-decoration: none;
  height: 60px;
  line-height: 60px;
  text-align: center;
}
.j-brief2 a:hover {
  background-color: #2053b9!important;
  color: #fff;
  cursor: pointer;
}